$(function(){
	   load();
	$("#title").on("keydown",function(event){
		if(event.keyCode===13){
			if($(this).val()==="")
			{
				alert("请输入要的操做");
			}
			else{
				var local=getDate();
			local.push({title:$(this).val(),done:false});
			saveDate(local);
			load();
			$(this).val("");
			}
		}
	});
	$("ol,ul").on("click","input",function(){
		var data=getDate();
		var index=$(this).siblings("a").attr("id");
		data[index].done=$(this).prop("checked");
		saveDate(data);
		load();
	});
	$("ol,ul").on("click","a",function(){
		var data=getDate();
		
		var index=$(this).attr("id");
		data.splice(index,1);
		saveDate(data);
		load();
	});
	function getDate(){
		var data=localStorage.getItem("todolist");
		if(data!==null){
			return JSON.parse(data);
		}
		else{
			return [];
		}
	}
	function saveDate(data){
		localStorage.setItem("todolist",JSON.stringify(data));
	}
	function load(){
		var data=getDate();
		
		$("ol,ul").empty();
		var todocount=0;
		var donecount=0;
		$.each(data,function(i,n){
			if(n.done){
				$("ul").prepend("<li><input type='checkbox' checked='checked'><p>"+ n.title +"</p><a href='javascript:;'id="+ i +"></a></li>");
				donecount++;
			}
			else{
				$("ol").prepend("<li><input type='checkbox'><p>"+ n.title +"</p><a href='javascript:;'id="+ i +"></a></li>");
				todocount++;
				}
			
		});
		$("#todocount").text(todocount);
		$("#donecount").text(donecount);
	}
})
